.day {
	cursor: cell;
	/* width: 100%; */
	/* 12px is for the borders */
	width: calc(1 / 7 * 100% - 12px);
	border: var(--foreground) 1px solid;
	padding: 5px;
	align-items: center;
	padding-bottom: 0px;
}

.daily-day {
	border: var(--accent) 2px solid !important;
}

/* DO NOT RENAME (drag) */
.weekday {
	font-size: 18px;
	margin-right: 5px;
	margin-top: 4px;
	margin-bottom: 8px;
	font-weight: 600;
	line-height: var(--general-line-height);
	letter-spacing: var(--general-letter-spacing);
}

/* DO NOT RENAME (drag) */
.date {
	font-size: 18px;
	margin-right: auto;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
	font-weight: 600;
	line-height: var(--general-line-height);
	letter-spacing: var(--general-letter-spacing);
}

.first-date {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	border: 2px solid var(--accent);
	padding: 2px;
	border-radius: 5px;
	font-weight: 600;
	font-size: 16px;
	align-content: center;
}

.current-date {
	background-color: var(--accent);
	margin-left: -2px;
	margin-top: -4px;
	border: 2px solid var(--background);
	color: var(--background);
	font-weight: 700;
	padding: 2px;
	border-radius: 5px;
}

/* DO NOT RENAME (drag) */
.day-header {
	display: flex;
	flex-direction: row;
	height: 32px;
}

.task-container {
	/* min-height: calc(100% - 44px); */
	min-height: calc(200px - 44px); /* 200px is the height of the week container minus 44 px the header */
	padding-bottom: 12px;
}

.month-bar {
	font-size: 25px;
	width: 35%;
	min-width: 50px;
	border: var(--foreground) 1px solid;
    padding: 0px; /* Inverted from padding-bottom due to rotate 180 */
    padding-bottom: 10px;
    display:flex;
    flex-direction: row;
	border-bottom: none;
	border-top: none;
	justify-content: center;
	align-items: center;
	transform: rotate(180deg);
	line-height: var(--general-line-height);
	letter-spacing: var(--general-letter-spacing);
	writing-mode: vertical-rl;
	cursor: pointer;
}

.tray-month-bar {
	width: auto;
	border-bottom: 1px solid var(--alt-foreground);
}


.month-bar-text {
    padding: 5%;
    padding-top: 14%;
    flex: 8;
}

.arrow-box {
    flex: 1;
}

.drop-arrow {
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  border-bottom: 17px solid var(--foreground);
}

.raise-arrow {
	border-left: 17px solid transparent;
	border-right: 17px solid transparent;
	border-top: 17px solid var(--foreground);
	margin-top: 14px;
}

/* Hack to have top month bar have border. */
.daily div .month-bar {
    border: var(--accent) 2px solid;
}

.day-hours {
	margin-top: 4px;
}